<style scoped>
  .layout{
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }

  .layout-footer-center{
    text-align: center;
  }

</style>
<template>
  <div class="layout">
    <Layout>
      <MyHeader></MyHeader>
      <Content :style="{padding: '0 50px'}" class="my-panel">
        <W1200>
          <slot></slot>
        </W1200>
      </Content>
      <Footer class="layout-footer-center">2011-2016 &copy; TalkingData</Footer>
    </Layout>

  </div>
</template>
<script>
  import W1200 from "@/components/W1200"
  import {star,getDemoName} from "@/utils/service"
  import MyHeader from '@/components/MyHeader'
  export default {
    components: {MyHeader, W1200},
    data () {
      return {

      }
    },
    methods: {

    },
    created () {

    }
  }
</script>
